<template>
    <div class="issues">
        <router-link
            v-for=" (issues,index) in issuess "
            :key="index"
            :class="{ 'border-bottom-1px': !( isHomepage && index == issuess.length-1 ) }"
            :to="{ name: 'Content', params: { contentId: index }, query: {title:'使用帮助'}}" class="item">
            <div class="flex-row align-items">
                <div class="flex-item words">开启账户是否收费，有没有最低资金要求？有没有没有最低资金要求有没有最低资金要求有没有最低资金要求有没有最低资金要求</div>
                <div class="icon-kf_list more"></div>
            </div>
        </router-link>
    </div>
</template>
<script>
    export default {
        data(){
            return {
            }
        },
        props: {
            issuess: {
                default: function() {
                    return [];
                }
            },
            isHomepage: {
                default: false
            }
        }
    };
</script>
<style lang="scss" type="text/scss" scoped>
    @import "./../scss/mixin";
    @import "./../scss/variables";
    .issues {
        a {
            position: relative;
            display: block;
            min-height: px2rem(96);
            line-height: px2rem(42);
            padding-top: px2rem(26);
            font-size: px2rem(28);
            color: $f-colorA;
            * {
                vertical-align: middle;
            }
        }
        .words {
            word-break: break-all;
        }
        .more {
            padding-right: px2rem(20);
            font-size: px2rem(56);
        }
    }
</style>
